#messageList {

  .messageCenter {
    padding-top: 1.3rem;
    height: 100%;
    .commentList{
      .listComment{
        padding: 0 .4rem;
      }
    }
  }


  .listComment {
    width: 100%;
    overflow: hidden;
    position: relative;
  }

  .listComment:last-child {
    margin-bottom: .5rem;
  }

  .listComment .img {
    float: left;
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 50%;
    margin-top: .28rem;
    margin-right: 0.25rem;
    overflow: hidden;
    background-color: #fff;
    img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }



  .listComment .commentContent {
    float: left;
    padding: .25rem 0;
    width: calc(100% - .9rem);
    em{
      font-style: unset;
    }
    .msgContent{

      span:nth-of-type(1){
        color: #62829C;
        margin-right: .1rem;
      }
      span:nth-of-type(2){
        color: #696969;
      }

    }
    .msgCont{
      color: #696969;
      text-overflow: ellipsis;
      overflow: hidden;white-space: nowrap;
    }
    .chat{
      em{
        margin-left: .1rem;
      }
      span,label{
        color: #696969;
        font-size: .24rem;
      }
    }
  }

  .listComment .commentContent p {
    color: #000000;
    font-size: 0.32rem;
    line-height: 0.4rem;
    letter-spacing: 0.02rem;
    word-break: break-all;
    font-size: .28rem;
    img{
      vertical-align: text-bottom;
    }
  }

  .chat {
    width: 100%;

  }

  .chat span {
    float: left;
    color: #B0B4B7;
    font-size: 0.25rem;

  }

  .chat label {
    float: right;
    color: #B0B4B7;
    font-size: 0.25rem;
  }
}